<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ,minimum-scale=1.0 ,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>会员设置抢单</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/footer.css"/>
    <link rel="stylesheet" href="../css/iconfont.css"/>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <style>
        .content{}
        .content ul{}
        .content ul li{overflow: hidden;padding: 8px 10px;position: relative;}
        .content ul li .left{float: left;line-height: 29px;color: #ffc10c;}
        .content ul li .right{float: right;}
        .content ul li .right .aui-switch{}
        .content ul li .right .del{display: none;}
        .content ul li .right .del i{font-size: 26px;color: #e83829;}

        .add{position: relative;}
        .add a{display: block;line-height: 45px;color: #888;text-align: center;}
        .add a i{font-size: 24px;}

        .footer{height: 50px;}
        .footer-fixed{position: fixed;left: 0;bottom: 0;width: 100%;height: 50px;line-height: 50px;}
        .footer-fixed div{background-color:  #ffc10c;text-align: center;font-weight: bold;color: #fff;}
        .footer-fixed .save-btn{display: none;}
        .footer-fixed .save-btn a{display: block;color: #fff;}
    </style>
</head>
<body>
<script src="../js/overall_mask.js"></script>
    <header class="header header2">
        <div class="header-fixed">
            <div class="left">
                <a href="javascript:window.history.back();">
                    <i class="iconfont icon-arrowleft"></i>
                </a>
            </div>
            <div class="center">会员设置抢单</div>
            <div class="right">
                <a href="">
                    <i class="iconfont icon-wenhao"></i>
                </a>
            </div>
        </div>
    </header>
    <div class="content">
        <ul>
            <li class="bottom-line">
                <div class="left">模特</div>
                <div class="right">
                    <input class="aui-switch aui-switch3" type="checkbox"/>
                    <span class="del"><i class="iconfont icon-jian-copy"></i></span>
                </div>
            </li>
            <li class="bottom-line">
                <div class="left">生活服务</div>
                <div class="right">
                    <input class="aui-switch aui-switch3" type="checkbox"/>
                    <span class="del"><i class="iconfont icon-jian-copy"></i></span>
                </div>
            </li>
        </ul>
        <div class="add bottom-line">
            <a href="../html/add_project.html"><i class="iconfont icon-plus"></i>添加项目</a>
        </div>
    </div>
    <footer class="footer">
        <div class="footer-fixed">
            <div class="del-btn">删除</div>
            <div class="save-btn">
                <a href="javascript:void(0);">保存</a>
            </div>
        </div>
    </footer>
</body>
    <script>
        $('.del-btn').click(function(){
            $(this).hide();
            $('.aui-switch').hide();
            $('.add').hide();
            $('.save-btn').show();
            $('.del').show();
        });
        $('.save-btn').click(function(){
            $(this).hide();
            $('.aui-switch').show();
            $('.add').show();
            $('.del-btn').show();
            $('.del').hide();
        });
        $('.del').on('click',function(){
            var a = window.confirm('确认删除此项目？');
            if(a){
                $(this).parent().parent().remove();
            }
        })
    </script>
</html>